body {background-color: #e1dfdf; opacity 0.75}
div.maindiv {border:none 1px #7c6e6e;
background-color: #b2aeae;
opacity: 75%;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
padding-left:25px;
padding-right:25px;
padding-top:5px;
padding-bottom:5px; }

.month{cursor:pointer}
div.noborder {border: 0px;}
ul:hover {cursor:pointer;}
li:hover {cursor:hand;}
.hovertoggle {border:none 1px #e1dfdf;
background-color: #b2aeae;
opacity: 0.75;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
padding-left:5px;
padding-right:5px;
}

table.monthtable td {width: 90px; height: 90px;vertical-align: top;}
table.monthtable th {background-color: black; color: white; height: 50px}
.daynumber {align:left; font-weight:bold}

td.day {background-color: gray}
td.weekend {background-color: #585858}
td.day_set {background-color: green}

div.centered {position:relative; left: 30%; font-size: 120%; font-weight: bold}
.lit {opacity: 0.7;}
.note {font-size: 80%; cursor: pointer; color: black; font-weight:bold}
.tree_hider{display:none}
div.noborder {border: 0px;}
ul:hover {cursor:pointer;}
.hidebutton {cursor:pointer;}
li:hover {cursor:hand;}
.hovertoggle {border:none 1px #e1dfdf;
background-color: #b2aeae;
opacity: 0.75;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
padding-left:5px;
padding-right:5px;
}

#logoutform {margin-left: 50px;}

#loadinfo {position:absolute; top:20px;left:50%;
border:solid 5px #E2C156;
background-color: #E2C156;
opacity: 0.75;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
padding-left:5px;
padding-right:5px;
 }
 
.loading{display:auto}
.looaded{display:none}
#loadtext{font-weight: bold; font-size: 120%;vertical-align:center}


#right {float:left; border: none; opacity: 0.75;background-color: #e1dfdf; position:absolute;left: 520px;}
#right2 {float:left; border: none; opacity: 0.75;background-color: #e1dfdf; position:absolute;left: 370px;}
#tree {width:450px;
float: left;
position:absolute;  left:5px}
#menu {width: 1000px}
#tree_statistics {width:300px;
float: left;
position:absolute;  left:5px}
#leftdiv {width:400px;
float: left;
position:absolute; top:10px; left:5px}
#loginfo {min-height: 80px; }
#jobmenu {}
#datepick {height:50px;width:400px; float:left}
#attendance {height:50px;width:450px; float:left}
#thisjob_holder {}
#detailsforday {display: none};
#usernodes {display: none};
#info {display: none}
#details {display: none}
#attenddetails{display: none}
#node_move {max-height: 400; overflow: auto; display:none}
#addusr_form {display: none}
#jobpicker {width: 800px}
#mainview {height: 400px; overflow: auto}
#jobname {width: 400px}
#fromtime,#totimetd,#durationtime {width: 70px}
#loginform{margin-left:auto;margin-right:auto;position:relative; top: 250px; width: 200px; }
#namejob {width: 500px}
#noteedit {width: 200px}
.delete {font-size: 70%; cursor: pointer; color: red;}
.disable  {font-size: 70%; cursor: pointer; color: red;}
.enable {font-size: 70%; cursor: pointer; color: green;}
.editnodes {font-size: 70%; cursor: pointer; color: blue;}
.red {font-size: 70%; cursor: pointer; color: red;}
.green {font-size: 70%; cursor: pointer; color: green;}
.blue {font-size: 70%; cursor: pointer; color: blue;}
.move {font-size: 70%; cursor: pointer; color: green;}
.legal {font-size: 70%; color: gray}
.grayed {color: gray}
.separator {height: 5px; border: none; background-color: #e1dfdf; opacity: 0.75; padding-top:0px;
padding-bottom:0px; z-index: -6}
.insider {height: 5px; border: none; background-color: #b2aeae; opacity: 75%; padding-top:0px;
padding-bottom:0px; z-index: -6}
td.stats {width: 200px}
td.userstats {width:200px}
tr.statsok{background:gray;}
tr.statlit {background:green;opacity:0.85}
tr.statlitchild {background:green;opacity:0.5}
tr.rowlit{opacity:0.7}
.highlight {background: green; opacity: 0.7}
.disableduser{opacity:0.5;}
.rowlit_user{background:gray;}


tr.statsfail{background:red;}
th.statsheader{background:black;color:white}


.left {float:left}
.right {float:right}
.vertcenter {vertical-align: middle}
.invisible {background-color: WHITE;
opacity: 1;}

.explain {font-size: 60%;  color: GREEN;}

#from,#to,#duration {width: 40px; }
.p_inline {display: inline;}
#computeattend {font-size: 70%; cursor: pointer; color: BLUE;}
#job_menu,#picker,#thisjob_holder,#attendance_show {background-color: #786d6d}


html { font-family: arial; font-size: 14px }
#ui-datepicker-div { font-size: 12px; }

.daybydaytable {
	width:800px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: #B2AEAE;
}
.daybydaytable td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: #B2AEAE;
	-moz-border-radius: 0px 0px 0px 0px;
}



.myinputstyle {
	border: 1px solid WHITE;
	/** remember to change image path **/
	background: url(none) no-repeat #919b9c;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: BLACK;
}



/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 1px solid #bfc5c5;
	/** remember to change image path **/
	background: url(none) no-repeat #bfc5c5;
	color: #454743;
}

.ui-selecting { background: #FECA40; }
	.ui-selected { background: #F39814; color: white; }
	



